<template>
  <!-- 内联去提交的时候，可以直接使用$emit('abc') -->
  <!-- <div>child子组件 - <button @click="$emit('abc')">btn</button></div> -->
  <div>child子组件 - <button @click="handleClick">btn</button></div>
</template>

<!-- <script>
export default {
  // setup还可以接收第二个参数是context，上下文
  // 子组件调用父组件事件，需要用到context对象下的emit函数
  setup(props, { emit }) {
    const handleClick = () => {
      // this.$emit("abc");
      // console.log(context);
      // context.emit("abc", 999);
      emit("abc", 999);
    };

    return {
      handleClick,
    };
  },
};
</script> -->

<script setup>
const emit = defineEmits(["abc"]);
const handleClick = () => {
  emit("abc", 888);
};
</script>
